 //app top bar css动画下拉面象构造原型创建对象
    function app_widgets_eleInfo(options) {
        this._ele=options.element;
        this._eleInfo= {};
        this._dropList=options.dropList;
        this.offsetX=options.offsetX||0;
        this.offsetY=options.offsetY||0;
        this._interval=null;
    };

    app_widgets_eleInfo.prototype= {
        "_getElePos": function() {
            var $_element=$(this._ele);
            this._eleInfo.left=$_element.offset().left;
            this._eleInfo.top=$_element.offset().top;
            this._eleInfo.width=$_element.outerWidth();
            return this._eleInfo;
        },
        "_setDropList": function() {
            var $_dropList=$(this._dropList);
            var o_eleInfo=this._getElePos();
            var $_topmeuBg=$_dropList.find(".app_topbar_item_bg");
                $_dropList.css({
                    "left":o_eleInfo.left-10,
                    "top":o_eleInfo.top
                });
            $_topmeuBg.css({"width":o_eleInfo.width+15,"height":24});
            this.initDropList();
        },
        "setContent":function(){
            var _listContentID=$(this._ele).attr("rel");
            $(".app_topbar_content").hide();
            $("#"+_listContentID).show();
        },
        "initDropList": function() {
            var that=this;
            $(this._dropList).bind("mouseover", function() {
                 window.clearTimeout(that._interval);
                 that.setContent();     
                 $(that._dropList).show();
                 
                return false;
            });
            $(this._dropList).bind("mouseout", function(e) {
                        $(that._dropList).hide();
            });
        },
        "eleHover": function() {
            var that=this;
            $(this._ele).bind("mouseover", function() {
                window.clearTimeout(that._interval);
                that.setContent();     
                that._setDropList();
                $(that._dropList).show();
            });
            $(this._ele).bind("mouseout",
            function() {
                that._interval=window.setTimeout( function() {
                    $(that._dropList).hide();
                },200);
                return false;
            });
        },
        "init": function() {
             this.eleHover();
        }
    };